<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>
    <link rel="stylesheet" href="../css/xiaomi.css">
    <!-- ico图标的引入 -->
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <!-- 默认样式的引入 -->
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 字体图标样式的引入 -->
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/style02.css">
    <!-- 主页面样式的引入 -->
    <link rel="stylesheet" href="../css/xiaomi.css">
    <!-- jquery包的引入 -->
    <script src="../js/jquery-3.4.1.js"></script>
    <!-- js引入 -->
    <script src="../js/xiaomi.js"></script>
</head>

<body>
    <div id="main">
        <!-- 顶部导航条开始 -->
        <div class="top-bar">
            <div class="top-bar-wrapper">
                <div class="left" id="left">
                    <ul>
                        <li><a href="">小米商城</a></li>
                        <span>|</span>
                        <li><a href="">MIUI</a></li>
                        <span>|</span>
                        <li><a href="">loT</a></li>
                        <span>|</span>
                        <li><a href="">云服务</a></li>
                        <span>|</span>
                        <li><a href="">金融</a></li>
                        <span>|</span>
                        <li><a href="">有品</a></li>
                        <span>|</span>
                        <li><a href="">小爱开放平台</a></li>
                        <span>|</span>
                        <li><a href="">企业团购</a></li>
                        <span>|</span>
                        <li><a href="">资质证明</a></li>
                        <span>|</span>
                        <li><a href="">协议规则</a></li>
                        <span>|</span>
                        <li id="downloadapp"><a href="">下载app</a></li>
                        <span>|</span>
                        <li><a href="">Select Region</a></li>
                    </ul>
                </div>
                <div class="box" id="QR-code">
                    <span class="top-triangle"><img src="../images/triangle.svg" alt=""></span>
                    <span class="img"><img src="../images/mi-two_dimension_code.png" alt=""></span>
                    <p>小米商城APP</p>
                </div>

                <div class="right">
                    <ul>
                        <li><a href="">登录</a></li>
                        <span class="line">|</span>
                        <li><a href="">注册</a></li>
                        <span class="line">|</span>
                        <li class="message">消息通知</li>
                        <li>
                            <a href="" class="cart" id="top-bar-cart">
                                <span class="icon-cart"></span>
                                <span class="cart-text">购物车（0）</span>
                                <div class="hover-cart" id="hover-cart">
                                    <span class="text">购物车中还没有商品，赶紧选购吧！</span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 顶部导航条结束 -->


        <!-- 导航栏开始 -->
        <div class="nav-bar">
            <div class="nav-bar-wrapper">
                <div class="mi-logo">
                    <a href="https://www.mi.com/" class="icon-mi-logo" title="小米官网"></a>
                </div>
                <div class="list" id="nav-bar-list">
                    <ul>
                        <li class="list-title">
                            <a href="">小米手机</a>
                        </li>
                        <li class="list-title">
                            <a href="">Redmi红米</a>
                        </li>
                        <li class="list-title">
                            <a href="">电视</a>
                        </li>
                        <li class="list-title">
                            <a href="">笔记本</a>
                        </li>
                        <li class="list-title">
                            <a href="">家电</a>
                        </li>
                        <li class="list-title">
                            <a href="">路由器</a>
                        </li>
                        <li class="list-title">
                            <a href="">智能硬件</a>
                        </li>
                        <li>
                            <a href="">服务</a>
                        </li>
                        <li>
                            <a href="">社区</a>
                        </li>
                    </ul>
                </div>
                <div class="search" id="search">
                    <input type="search" class="search-in" id="search-in"></input>
                    <div class="hot-words" id="hot-words">
                        <a class="left" href="">小米9</a>
                        <a class="right" href="">小米9 SE</a>
                    </div>
                    <div class="magnifier" id="magnifier">
                        <div class="icon-search"></div>
                    </div>
                </div>
                <!-- hover列表 -->
                <div class="hover-list" id="hover-list">
                    <div class="hover-list-wrapper">
                        <ul>
                            <li>
                                <div class="flags">
                                    <div class="flag">新品</div>
                                </div>
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                            <li>
                                <div class="flags">
                                    <div class="flag">新品</div>
                                </div>
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                            <li>
                                <div class="flags">
                                    <div class="flag">新品</div>
                                </div>
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                            <li>
                                <!-- <div class="flags">
                                    <div class="flag">新品</div>
                                </div> -->
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                            <li>
                                <!-- <div class="flags">
                                    <div class="flag">新品</div>
                                </div> -->
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                            <li>
                                <!-- <div class="flags">
                                    <div class="flag">新品</div>
                                </div> -->
                                <a href="" class="img">
                                    <img src="../images/hover-list-CC9.png" alt="">
                                </a>
                                <div class="title">
                                    <a href="">小米CC9</a>
                                </div>
                                <p class="price">1799元起</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 导航栏结束 -->


        <!-- 右侧固定导航条开始 & 返回顶部 -->
        <div class="right-bar">
            <div class="phone" id="phone">
                <div class="icon-phone"></div>
                <p>手机APP</p>
            </div>
            <div class="personal">
                <div class="icon-personal"></div>
                <p>个人中心</p>
            </div>
            <div class="tool">
                <div class="icon-tool"></div>
                <p>售后服务</p>
            </div>
            <div class="service">
                <div class="icon-service"></div>
                <p>联系客服</p>
            </div>
            <div class="cart">
                <div class="icon-cart"></div>
                <p>购物车</p>
            </div>
            <div class="top" id="btn-top">
                <div class="icon-arrow-up2"></div>
                <p>回顶部</p>
            </div>
            <span class="right-bar-box" id="right-bar-QRcode">
                <a href=""><img src="../images/mi-two_dimension_code.png" alt=""></a>
                <p class="desc">
                    手机扫一扫<br>
                    一分赢好礼</p>
            </span>
        </div>
        <!-- 右侧固定导航条结束 -->


        <!-- 菜单栏 & 轮播图开始 -->
        <div class="home">
            <div class="home-wrapper">
                <div class="category">
                    <ul class="category-ul">
                        <li class="category-list"><a href="">手机 电话卡</a></li>
                        <li class="category-list"><a href="">电视 盒子</a></li>
                        <li class="category-list"><a href="">笔记本 平板</a></li>
                        <li class="category-list"><a href="">家电 插线板</a></li>
                        <li class="category-list"><a href="">出行 穿戴</a></li>
                        <li class="category-list"><a href="">智能 路由器</a></li>
                        <li class="category-list"><a href="">电源 配件</a></li>
                        <li class="category-list"><a href="">健康 儿童</a></li>
                        <li class="category-list"><a href="">耳机 音箱</a></li>
                        <li class="category-list"><a href="">生活 箱包</a></li>
                    </ul>
                    <!-- hover菜单内容 -->
                    <div class="category-childer" id="category-childer">
                        <ul>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                            <li>
                                <a href=""><img src="../images/mitu.jpg" alt=""></a>
                                <span>米兔</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="sideshow">
                    <ul class="pic">
                        <li class="img-item" style="display: block">
                            <img src="../images/slideshow1.jpg">
                        </li>
                        <li class="img-item">
                            <img src="../images/slideshow2.jpg">
                        </li>
                        <li class="img-item">
                            <img src="../images/slideshow3.jpg">
                        </li>
                        <li class="img-item">
                            <img src="../images/slideshow4.jpg">
                        </li>
                        <li class="img-item">
                            <img src="../images/slideshow5.jpg">
                        </li>
                    </ul>
                    <div class="left-arrows"></div>
                    <div class="right-arrows"></div>
                    <ul class="dot-wrapper">
                        <li class="dot active"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                        <li class="dot"></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 菜单栏 & 轮播图结束 -->


        <!-- 选购手机 & 企业团购 & F码通道 ...列表 & 3图片开始 -->
        <div class="home-sub">
            <div class="home-sub-wrapper">
                <div class="list">
                    <ul>
                        <li>
                            <div class="icon-phone"></div>
                            <a href="">选购手机</a>
                        </li>
                        <li>
                            <div class="icon-gift"></div>
                            <a href="">企业团购</a>
                        </li>
                        <li>
                            <div class="icon-Fcode"></div>
                            <a href="">F码通道</a>
                        </li>
                        <li>
                            <div class="icon-sim"></div>
                            <a href="">米粉卡</a>
                        </li>
                        <li>
                            <div class="icon-circulation"></div>
                            <a href="">以旧换新</a>
                        </li>
                        <li>
                            <div class="icon-charge"></div>
                            <a href="">话费充值</a>
                        </li>
                    </ul>
                </div>
                <div class="pic-wrapper">
                    <div class="pic">
                        <img src="../images/mi-9-2799.jpg">
                    </div>
                    <div class="pic">
                        <img src="../images/Redmi-K20.jpg">
                    </div>
                    <div class="pic">
                        <img src="../images/mi-band4.jpg">
                    </div>
                </div>
            </div>
        </div>
        <!-- 选购手机 & 企业团购 & F码通道 ...列表 & 3图片结束 -->


        <!-- 横幅1处开始 -->
        <div class="banner1">
            <div class="banner1-wrapper">
                <a href="">
                    <img src="../images/Redmi-K20Pro.jpg">
                </a>
            </div>
        </div>
        <!-- 横幅1处结束 -->


        <!-- 手机模块开始 -->
        <div class="phone-part">
            <div class="phone-part-wrapper">
                <div class="title">
                    <h2>手机</h2>
                    <div class="whole">
                        <p>查看全部</p>
                        <div>
                            <img src="../images/arrows_roundness(1)-right.svg">
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="poster">
                        <img src="../images/mi-8-2099.jpg" alt="">
                    </div>
                    <div class="list">
                        <div class="list-in">
                            <div class="flag1">新品</div>
                            <div class="pic">
                                <img src="../images/mi-9.jpg" alt="">
                            </div>
                            <a href="">小米9 6GB+128GB</a>
                            <p class="desc">骁龙855，索尼4800万超广角微距三摄</p>
                            <p class="price">
                                <span class="num">2799元</span>
                                <span class="del">2999元</span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag2"></div>
                            <div class="pic">
                                <img src="../images/mi-MIX3.jpg" alt="">
                            </div>
                            <a href="">小米MIX 3 6GB+128GB</a>
                            <p class="desc">磁动力滑盖全面屏 / 四曲面陶瓷机身</p>
                            <p class="price">
                                <span class="num">3299元</span>
                                <span class="del"></span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag3"></div>
                            <div class="pic">
                                <img src="../images/mi-RedmiNote7Pro.jpg" alt="">
                            </div>
                            <a href="">Redmi Note 7 Pro</a>
                            <p class="desc">6GB+128GB大存储，索尼4800万拍照</p>
                            <p class="price">
                                <span class="num">1599元</span>
                                <span class="del"></span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag4">秒杀</div>
                            <div class="pic">
                                <img src="../images/mi-Play.png" alt="">
                            </div>
                            <a href="">小米Play 4GB+64GB</a>
                            <p class="desc">八核高性能处理器，后置1200万 AI 双摄</p>
                            <p class="price">
                                <span class="num">749元</span>
                                <span class="del">999元</span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag5">秒杀</div>
                            <div class="pic">
                                <img src="../images/mi-8.png" alt="">
                            </div>
                            <a href="">小米8 屏幕指纹版 6GB+128GB</a>
                            <p class="desc">全球首款压感屏幕指纹 骁龙845处理器</p>
                            <p class="price">
                                <span class="num">1999元</span>
                                <span class="del">2999元</span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag6">减200元</div>
                            <div class="pic">
                                <img src="../images/mi-8youth.jpg" alt="">
                            </div>
                            <a href="">小米8青春版6GB+64GB</a>
                            <p class="desc">潮流镜面渐变色，2400万自拍旗舰</p>
                            <p class="price">
                                <span class="num">1499元</span>
                                <span class="del">1699元</span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag7">秒杀</div>
                            <div class="pic">
                                <img src="../images/mi-RedmiNote7.jpg" alt="">
                            </div>
                            <a href="">Redmi Note 7 6GB+64G</a>
                            <p class="desc">4800万拍照，4000mAh大电量</p>
                            <p class="price">
                                <span class="num">1199元</span>
                                <span class="del">1399元</span>
                            </p>
                        </div>
                        <div class="list-in">
                            <div class="flag8"></div>
                            <div class="pic">
                                <img src="../images/mi-RedmiK20Pro.jpg" alt="">
                            </div>
                            <a href="">Redmi K20 Pro 6GB+128GB</a>
                            <p class="desc">骁龙855旗舰处理器，索尼4800万超广角三摄</p>
                            <p class="price">
                                <span class="num">2599元</span>
                                <span class="del"></span>
                            </p>
                        </div>




                    </div>
                </div>
            </div>
        </div>
        <!-- 手机模块开始 -->


        <!-- 横幅2处开始 -->
        <div class="banner2">
            <div class="banner2-wrapper">
                <a href="">
                    <img src="../images/mi-watch.jpg">
                </a>
            </div>
        </div>
        <!-- 横幅2处结束 -->


        <!-- 为你推荐开始 -->
        <div class="recommend">
            <div class="recommend-wrapper">
                <div class="title">
                    <h2>为你推荐</h2>
                    <div class="more">
                        <div class="left-arrows"></div>
                        <div class="right-arrows"></div>
                    </div>
                </div>
                <div class="list">
                    <div class="list-in">
                        <div class="pic">
                            <img src="../images/mi-cc9-1999.jpg" alt="">
                        </div>
                        <a href="">小米CC9 6G+128G</a>
                        <p class="price">1999元</p>
                        <p class="desc">804好评</p>
                    </div>
                    <div class="list-in">
                        <div class="pic">
                            <img src="../images/mi-cc9-1999.jpg" alt="">
                        </div>
                        <a href="">小米CC9 6G+128G</a>
                        <p class="price">1999元</p>
                        <p class="desc">804好评</p>
                    </div>
                    <div class="list-in">
                        <div class="pic">
                            <img src="../images/mi-cc9-1999.jpg" alt="">
                        </div>
                        <a href="">小米CC9 6G+128G</a>
                        <p class="price">1999元</p>
                        <p class="desc">804好评</p>
                    </div>
                    <div class="list-in">
                        <div class="pic">
                            <img src="../images/mi-cc9-1999.jpg" alt="">
                        </div>
                        <a href="">小米CC9 6G+128G</a>
                        <p class="price">1999元</p>
                        <p class="desc">804好评</p>
                    </div>
                    <div class="list-in">
                        <div class="pic">
                            <img src="../images/mi-cc9-1999.jpg" alt="">
                        </div>
                        <a href="">小米CC9 6G+128Gfsadfsadfasdfassdfsdfasdfasdfasd</a>
                        <p class="price">1999元</p>
                        <p class="desc">804好评</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 为你推荐结束 -->


        <!-- 内容部分开始 -->
        <div class="contentbox">
            <div class="contentbox-wrapper">
                <div class="title">
                    <h2>内容</h2>
                </div>
                <div class="list">
                    <div class="list-in">
                        <h2>图书</h2>
                        <a href="" class="exposure">展现你的存在</a>
                        <a href="" class="desc">一本职场人的演说指导书</a>
                        <a href="" class="price">5.99元</a>
                        <a href="" class="img">
                            <img src="../images/book.png" alt="">
                        </a>
                        <div class="dot">
                            <div class="dot-in">
                                <div class="dot-son"></div>
                            </div>
                            <div class="dot-son"></div>
                            <div class="dot-son"></div>
                        </div>
                    </div>
                    <div class="list-in">
                        <h2>图书</h2>
                        <a href="" class="exposure">展现你的存在</a>
                        <a href="" class="desc">一本职场人的演说指导书</a>
                        <a href="" class="price">5.99元</a>
                        <a href="" class="img">
                            <img src="../images/book.png" alt="">
                        </a>
                        <div class="dot">
                            <div class="dot-in">
                                <div class="dot-son"></div>
                            </div>
                            <div class="dot-son"></div>
                            <div class="dot-son"></div>
                        </div>
                    </div>
                    <div class="list-in">
                        <h2>图书</h2>
                        <a href="" class="exposure">展现你的存在</a>
                        <a href="" class="desc">一本职场人的演说指导书</a>
                        <a href="" class="price">5.99元</a>
                        <a href="" class="img">
                            <img src="../images/book.png" alt="">
                        </a>
                        <div class="dot">
                            <div class="dot-in">
                                <div class="dot-son"></div>
                            </div>
                            <div class="dot-son"></div>
                            <div class="dot-son"></div>
                        </div>
                    </div>
                    <div class="list-in">
                        <h2>图书</h2>
                        <a href="" class="exposure">展现你的存在</a>
                        <a href="" class="desc">一本职场人的演说指导书</a>
                        <a href="" class="price">5.99元</a>
                        <a href="" class="img">
                            <img src="../images/book.png" alt="">
                        </a>
                        <div class="dot">
                            <div class="dot-in">
                                <div class="dot-son"></div>
                            </div>
                            <div class="dot-son"></div>
                            <div class="dot-son"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容部分结束 -->


        <!-- 视频部分开始 -->
        <div class="video-part">
            <div class="video-part-wrapper">
                <div class="title">
                    <h2>视频</h2>
                    <div class="whole">
                        <p>查看全部</p>
                        <div>
                            <img src="../images/arrows_roundness(1)-right.svg">
                        </div>
                    </div>
                </div>
                <div class="list">
                    <div class="list-in">
                        <a href="" class="cover" id="cover1">
                            <img src="../images/WangYuan&Mi9.jpg" alt="">
                        </a>
                        <a href="" class="trigger">王源 & 小米9 全新广告大片</a>
                        <p class="desc">好看又能打！我反正被帅到了，Will You？</p>
                        <div class="icon-pause" id="icon-pause1"></div>
                    </div>
                    <div class="list-in">
                        <a href="" class="cover" id="cover2">
                            <img src="../images/conversation.jpg" alt="">
                        </a>
                        <a href="" class="trigger">雷军对话王源</a>
                        <p class="desc">聊了3小时，这9个秘密决定公开</p>
                        <div class="icon-pause" id="icon-pause2"></div>
                    </div>
                    <div class="list-in">
                        <a href="" class="cover" id="cover3">
                            <img src="../images/band.jpg" alt="">
                        </a>
                        <a href="" class="trigger">小米手环4</a>
                        <p class="desc">改变从今开始</p>
                        <div class="icon-pause" id="icon-pause3"></div>
                    </div>
                    <div class="list-in">
                        <a href="" class="cover" id="cover4">
                            <img src="../images/MIX3.jpg" alt="">
                        </a>
                        <a href="" class="trigger">小米MIX 3 磁动力滑盖全面屏</a>
                        <p class="desc">全新滑盖交互体验，不一样的新感觉</p>
                        <div class="icon-pause" id="icon-pause4"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 视频部分结束 -->


        <!-- 尾部部分开始 -->
        <div class="footer">
            <div class="footer-wrapper">
                <div class="footer-service">
                    <ul>
                        <li>
                            <a href="">
                                <span href="" class="icon-tool"></span>
                                预约维修服务
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span href="" class="icon-7"></span>
                                7天无理由退货
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span href="" class="icon-15"></span>
                                15天免费换货
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span href="" class="icon-gift"></span>
                                满150元包邮
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <span href="" class="icon-position"></span>
                                520余家售后网点
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links">
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <dl class="links">
                        <dt><a>帮助中心</a></dt>
                        <dd><a href="">账户管理</a></dd>
                        <dd><a href="">购物指南</a></dd>
                        <dd><a href="">订单操作</a></dd>
                    </dl>
                    <div class="contact">
                        <p class="phone">400-100-5678</p>
                        <p class="desc">
                            周一至周日 8:00-18:00
                            <br>
                            （仅收市话费）
                        </p>
                        <a href="" class="btn-service">
                            <span class="icon-message"></span>
                            联系客服
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 尾部部分结束 -->


        <!-- 结尾链接部分开始 -->
        <div class="site-info">
            <div class="site-info-wrapper">
                <div class="mi-logo">
                    <img src="../images/mi-logo.jpg" alt="">
                </div>
                <div class="content">
                    <div class="sites">
                        <ul>
                            <li><a href="">小米商城</a></li>
                            <span class="line">|</span>
                            <li><a href="">MIUI</a></li>
                            <span class="line">|</span>
                            <li><a href="">米家</a></li>
                            <span class="line">|</span>
                            <li><a href="">米聊</a></li>
                            <span class="line">|</span>
                            <li><a href="">多看</a></li>
                            <span class="line">|</span>
                            <li><a href="">游戏</a></li>
                            <span class="line">|</span>
                            <li><a href="">路由器</a></li>
                            <span class="line">|</span>
                            <li><a href="">米粉卡</a></li>
                            <span class="line">|</span>
                            <li><a href="">政企服务</a></li>
                            <span class="line">|</span>
                            <li><a href="">小米天猫店</a></li>
                            <span class="line">|</span>
                            <li><a href="">隐私政策</a></li>
                            <span class="line">|</span>
                            <li><a href="">商城用户协议</a></li>
                            <span class="line">|</span>
                            <li><a href="">账号协议</a></li>
                            <span class="line">|</span>
                            <li><a href="">问题反馈</a></li>
                            <span class="line">|</span>
                            <li><a href="">廉政举报</a></li>
                            <span class="line">|</span>
                            <li><a href="">诚信合规</a></li>
                            <span class="line">|</span>
                            <li><a href="">Select Region</a></li>
                        </ul>
                    </div>
                    <div class="info-text">
                        <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 </p>
                        <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京) -非经营性-2014-0090 营业执照 医疗器械公告</p>
                        <p>增值电信业务许可证 网络食品经营备案（京）【2018】WLSPJYBAHF-12 食品经营许可证 </p>
                        <p>违法和不良信息举报电话：185-0130-1238 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                    </div>
                    <div class="info-links">
                        <a href=""><img src="../images/bottom01.png" alt=""></a>
                        <a href=""><img src="../images/bottom02.png" alt=""></a>
                        <a href=""><img src="../images/bottom03.png" alt=""></a>
                        <a href=""><img src="../images/bottom04.png" alt=""></a>
                        <a href=""><img src="../images/bottom05.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="slogan">探索黑科技，小米为发烧而生！</div>
        </div>
        <!-- 结尾链接部分结束 -->

    </div>
</body>

</html>